<template>
	<view class="page">
		<!--头部  -->
		<view class="header">
			<!-- #ifdef MP-WEIXIN -->
			<button open-type='getUserInfo' @getuserinfo='bindgetuserinfo' class='tou_pic' v-if="!isLogin">
				<image class="userInfo_avatar" :src="isLogin?userData.head_pic_text:'../../../static/icons/jewel/user_nologin.png'"></image>
			</button>
			<!-- #endif -->
			<!-- #ifdef APP-PLUS || H5-->
				<navigator open-type="navigate" :url="isLogin?'/pages/user/settings/set_index':'/pages/user/login'" class='tou_pic'>
					<image class="userInfo_avatar" :src="isLogin?userData.head_pic_text:'../../../static/icons/jewel/user_nologin.png'"></image>
				</navigator>
			<!-- #endif -->
			<view class="header_info">
				<view class='userInfo no_login'>
					<text class='nickname' v-if="isLogin">{{userData.nickname}}</text>
					<!-- #ifdef MP-WEIXIN -->
						<button open-type='getUserInfo' @getuserinfo='bindgetuserinfo' class='no_login' v-if="!isLogin">点击登录</button>
					<!-- #endif -->
					<!-- #ifdef APP-PLUS || H5-->
						<text class='no_login' v-if="!isLogin" @tap="toLogin">点击登录</text>
					<!-- #endif -->
					<block v-if="isLogin">
						<view v-if="userData.member_no">{{userData.marker_type}}: {{userData.member_no}}</view>
						<view>ID: {{userData.member_id}}<text v-if="userData.user_id!='' && userData.user_id != userData.member_id">({{userData.user_id}})</text></view>
						<view>{{userData.mobile}}</view>
					</block>
				</view>
			</view>
			<!-- <view class="header_sign" v-if="isLogin" @tap="signInToggle('show')">签到</view> -->
			<!-- <navigator hover-class="none" url="/pages/jewel/user/sign" class="header_sign" v-if="isLogin">签到</navigator> -->
			<view class="circle1 circle"></view>
			<view class="circle2 circle"></view>
		</view>

		<!--我的钱包  -->
		<view class='mypurse'>
			<view class='purselist'>
				<view class='hlbao' @tap="navigate_to('/pages/jewel/order/bill?type=0')">
					<text class='purseNum'>{{isLogin?userData.jewel_money:0.00}}</text>
					<view>珠宝粮仓</view>
				</view>
			</view>
			<view class='purselist' v-if="is_old_maker">
				<view class='hlbao' @tap="navigate_to('/pages/jewel/user/mammon_take')">
					<text class='purseNum'>{{liuliang}}</text>
					<view>{{liuliang_text}}</view>
				</view>
			</view>
		</view>
		<view class="area-title" @tap="navigate_to('/pages/jewel/order/orderlist')">
			<view class="my_order_title">我的订单</view>
			<view class="all_order">全部订单<image class="all_order_right" src="../../../static/images/user/rihgt-icon.png"></image></view>
		</view>
		<!--横排按钮  -->
		<view class="tabList">
			<view class="listItem" @tap="toLogin('/pages/jewel/order/orderlist?tarBarType=1')" hover-class="none">
				<image src="../../../static/icons/jewel/notPayment.png" mode="widthFix"></image>
				<view class='listTxt'>待付款</view>
			</view>
			<view class="listItem" @tap="toLogin('/pages/jewel/order/orderlist?tarBarType=2')" hover-class="none">
				<image src="../../../static/icons/jewel/notGood.png" mode="widthFix"></image>
				<view class='listTxt'>待收货</view>
			</view>
			<view class="listItem" @tap="toLogin('/pages/jewel/order/orderlist?tarBarType=3')" hover-class="none">
				<image src="../../../static/icons/jewel/notEvaluate.png" mode="widthFix"></image>
				<view class='listTxt'>已完成</view>
			</view>
			<view class="listItem" @tap="toLogin('/pages/jewel/order/refund_list')" hover-class="none">
				<image src="../../../static/icons/jewel/goodList.png" mode="widthFix"></image>
				<view class='listTxt'>珠宝享退</view>
			</view>
		</view>

		<!--入口list  -->
		<view class="area-title">
			<view class="my_order_title">我的管理</view>
		</view>
		<view class="userBranchBox">
			<navigator v-if="isGoodType" url="/pages/jewel/agent_jewel/maker_center" open-type="navigate" hover-class='none' class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/chuang.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>推广代言</view>
			</navigator>
			<view @tap="toLogin('/pages/user/hlb_confluence')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/jewel_confluence.png"></image>
				</view>
				<view class="branchTxt">恒朗总汇</view>
			</view>
			<!-- #ifndef MP-WEIXIN -->
			<!-- #endif -->
			<navigator open-type="navigate" url="/pages/user/user_index" hover-class='none' class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/user-ping.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>有得退</view>
			</navigator>
<!-- 			<view v-if="isGoodType" @tap="toLogin('/pages/jewel/user/mammon')" hover-class='none' class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/flow.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>珠宝流量</view>
			</view> -->
			<navigator open-type="navigate" url='/pages/jewel/user/gold' hover-class='none' class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/diagram_icon.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>黄金曲线图</view>
			</navigator>
			<view @tap="toLogin('/pages/jewel/agent_jewel/maker_reward')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/maker_icon.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>{{userData.zhubao_type||'普通会员'}}</view>
			</view>
			<view @tap="toLogin('/pages/user/team')" hover-class='none' class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/userlist.png" mode="widthFix"></image>
				</view>
				<view class='branchTxt'>享宝好友</view>
			</view>
			<view @tap="toLogin('/pages/jewel/order/orderlist')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/indent.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">订单管理</view>
			</view>
			<view @tap="toLogin('/pages/user/settings/address/address?settype=setting')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/user-address.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">收货地址</view>
			</view>
			<view @tap="toLogin('/pages/jewel/user/collect')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/collection2.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">我的收藏</view>
			</view>
			<view @tap="toLogin('/pages/jewel/user/offline')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/collection2.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">线下交易</view>
			</view>
			<view @tap="toLogin('/pages/jewel/order/orderdiff_list')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/diff_icon.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">补差价订单</view>
			</view>
			<view v-if="isGoodType" @tap="toLogin('/pages/user/video?type=1')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/user_nav3.png"></image>
				</view>
				<view class="branchTxt">视频教程</view>
			</view>
			<view v-if="isGoodType" @tap="toLogin('/pages/user/beStore')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/bestore_icon.png"></image>
				</view>
				<view class="branchTxt">商家进驻</view>
			</view>
			<!-- <view @tap="toLogin('/pages/user/ranking_list')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/diff_icon.png" mode="widthFix"></image>
				</view>
				<view class="branchTxt">排行榜</view>
			</view> -->
			<navigator open-type="navigate" hover-class="none" v-if="isGoodType" url="/pages/user/getLifeRedpack" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/life_red.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">红包生活津贴</view>
			</navigator>
			<view v-if="isGoodType" @tap="toLogin('/pages/credit/credit_index')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/credit.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">授信</view>
			</view>
			<view v-if="isGoodType" @tap="toLogin('/pages/credit/credit_helporder_list')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/helpPay.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">代付订单</view>
			</view>
			<!-- <view v-if="isGoodType" @tap="toLogin('/pages/jewel/order/orderlist_seller')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/storeList.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">商家订单</view>
			</view> -->
			<view v-if="isGoodType&&userData.is_shop_member == 1" @tap="toLogin('/pages/jewel/material/material_center')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/ck2.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">店客</view>
			</view>
			<block v-if="userData.member_id == 87252 || userData.member_id == 64415 || userData.member_id == 87253">
				<view v-if="isGoodType" @tap="toLogin('/pages/jewel/user/data_report')" class="collection">
					<view class="branchIcon">
						<image src="../../../static/icons/jewel/dataBill.png" mode="aspectFit"></image>
					</view>
					<view class="branchTxt">数据报表</view>
				</view>
			</block>
			<view v-if="isGoodType" @tap="toLogin('/pages/jewel/health/index')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/ck2.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">智能健康</view>
			</view>
			<view v-if="isGoodType" @tap="toLogin('/pages/jewel/share/share_list')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/images/share/share_shangwu.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">商务分享</view>
			</view>
			<!-- <view v-if="isGoodType" @tap="toLogin('/pages/user/wait_shipment')" class="collection">
				<view class="branchIcon">
					<image src="../../../static/icons/jewel/ck2.png" mode="aspectFit"></image>
				</view>
				<view class="branchTxt">待进出货</view>
			</view> -->
		</view>
		<!-- 二维码弹框 -->
		<view class="g-popup-mask" v-if="bIsPopup">
		    <view class="popup-qr">
		        <image class="popup-user" :src="userData.head_pic_text"></image>
		        <text class="popup-name">{{userData.nickname}}</text>
		        <image class="popup-bg" src="../../../static/images/user/qr_bg.png" mode="widthFix"></image>
		        <image class="qr-img" :src="qrcode"></image>
				<view class="popup-text">
					<view>扫一扫上面的二维码图案，参与优惠购物</view>
				</view>
		        <view class="g-close" @tap="togglePopup">
		            <close size="40" color="#fff"></close>
		        </view>
		    </view>
		</view>
		<!-- 签到弹框 -->
		<view class="g-popup-mask g-popup-mask-sign" v-if="isShowSign">
		    <view class="sign-cont">
				<image class="sign-cont-img" src="../../../static/images/jewel/sign_bg.png"></image>
				<view class="sign-cont-btn" :class="{gray:isSigned}" @tap="signInToggle('confirm')">{{signTxt}}</view>
				<image class="sign-cont-close" @tap="signInToggle('hide')" src="../../../static/icons/jewel/sign_close.png"></image>
			</view>
		</view>
		<view class="m-loading" v-if="bIsShowLoading">
		    <image src="../../../static/images/loading.gif" mode="widthFix"></image>
		    <text>加载中</text>
		</view>
	</view>
</template>
<script>
	import hl from '@/common/common_zb.js';
	import henglang from '@/common/common.js';
	export default {
		data() {
			return {
				isLogin: false,
				userData: {},
				route_key: '3',
				isMaker: false,
				bIsShowLoading: false,
				isGoodType:uni.getStorageSync('isGoodType'),
				bIsPopup: false,
				qrcode:uni.getStorageSync('qrcode'),
				liuliang:0,
				is_old_maker:false,
				liuliang_text:'可退取流量',
				isShowSign:false,
				signTxt:'签到',
				isSigned:false
			}
		},
		onShow() {
			if(this.bIsShowLoading) return false
			this.getData()
		},
		onLoad() {
			let that = this
			that.getCode()
			that.getData('onload')
		},
		methods: {
			navigate_to(url){
				if(this.isLogin) {
					uni.navigateTo({
						url: url
					})
				}else{
					uni.navigateTo({
						url: '/pages/user/login'
					})
				}
			},
			bindgetuserinfo(e){
				let that = this;
				hl.wx_getuserinfo(e, function (){
					that.getUserInfo()
				});
			},
			toLogin(url) {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '/pages/user/login'
					}) 
				}else{
					uni.navigateTo({
						url: url
					})
				}
				
			},
			togglePopup() {
			    this.bIsPopup = !this.bIsPopup;
			},
			getData(type){
				let that = this
				// #ifdef MP-WEIXIN
				if(uni.getStorageSync('select_userinfo')) hl.getUserInfo(this);
				// #endif
				that.bIsShowLoading = true;
				hl.get('member/getInfo', {}, false, function(res){
					that.bIsShowLoading = false;
					let resdata = res.data;
					if(resdata.code == '0') {
						that.userData = resdata.data;
						that.isLogin = true;
						that.liuliang = resdata.data.liuliang;
						that.isMaker = that.userData.is_marker != 0?true:false
						that.is_old_maker = that.userData.is_old_maker != 0?true:false
						that.liuliang_text = that.userData.liuliang_text?that.userData.liuliang_text:'可退取流量'
						uni.setStorage({
							key: 'userInfo',
							data: resdata.data
						});
						uni.removeStorageSync('select_userinfo');
						hl.get('Member/hasSign', {}, true, function(res){
							if(res.data.code == 0){
								that.signTxt = '今日已签到'
								that.isSigned = true
							}else{
								that.isSigned = false
								that.signTxt = '签到'
							}
						});
					}else if(resdata.code == '-1'){
						that.isLogin = false;
						// 显示弹框登录
						// #ifdef MP-WEIXIN
							uni.navigateTo({
								url: "/pages/jewel/user/wxauth"
							})
						uni.removeStorageSync('wx_session_key');
						// #endif
					}
					uni.stopPullDownRefresh();
				})
			},
			getCode(){
				let that = this
				henglang.get('member/myQrCode', {}, false, function(res){
					that.qrcode = res.data.data
					uni.setStorage({
						key:'qrcode',
						data:res.data.data
					})
				});
				that.qrcode = uni.getStorageSync('qrcode')
			},
			signInToggle(type){
				let that = this
				switch(type){
					case 'show':
						that.isShowSign = true
						if(that.isSigned) that.signTxt = '今日已签到'
					break;
					case 'hide':
						that.isShowSign = false
					break;
					case 'confirm':
						if(that.isSigned){
							hl.showToast('签到过啦，明天再来吧',1500)
							return false
						}else{
							hl.get('Member/signIn', {}, true, function(res){
								hl.showToast(res.data.msg,1500)
								that.isSigned = true
								that.isShowSign = false
							});
						}
					break;
				}
			}
		},
		onNavigationBarButtonTap(e) {
		    let that = this;
		    if (e.index === 0) {
		        uni.navigateTo({
		            url: '/pages/user/settings/set_index'
		        })
		    } else if (e.index === 1) {
		        if (that.isLogin) {
					that.getCode()
		            that.bIsPopup = !that.bIsPopup;
		        } else {
		            henglang.showToast('请先登录',1000);
		        }
		    }
		},
		onPullDownRefresh (){
			if(!this.isLogin) henglang.showToast('请先登录',1000); uni.stopPullDownRefresh(); return false
			this.getData();
		}
	}
</script>

<style>	
	.page {
		background: #fff;
		font-size: 26rpx;
		color: #333;
		width: 100%;
		overflow-x: hidden;
	}
	/*头部  */
	.header {
		width: 750rpx;
		height: 208rpx;
		background: linear-gradient(to right, #f6b483, #ee4747);
		position: relative;
		color: #fff;
		padding: 0 0 20rpx 0;
		line-height: 1.5;
		text-align: left;
		border: none;
		border-radius: 0;
		box-sizing: content-box;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	
	.all_order{
		text-align: right;
		color: #7d7d7d;
		font-size: 24rpx;
	}
	.all_order_right{
		width: 18rpx;
		height: 28rpx;
		position: relative;
		top: 4rpx;
		margin-left: 10rpx;
	}

	.userInfo_avatar {
		width: 122rpx;
		height: 122rpx;
		border-radius: 50%;
		background: #f5f5f5;
	}

	.nickname {
		padding-right: 10px;
		display: block;
	}

	.no_login {
		font-size: 30rpx !important
	}
	
	.tou_pic{
		width: 122rpx;
		height: 122rpx;
		border-radius: 50%;
		margin: 0 30rpx;
		border: 1px solid #fff;
	}
	
	.tou_pic[hidden]{
		display: block !important; 
	}
	
	.header .userInfo {
		font-size: 20rpx;
		color: #fff;
	}


	.userInfo .address {
		font-size: 24rpx;
		color: #666;
		margin-top: 10rpx;
	}


	.area-title {
		color: #3d3d3d;
		font-size: 32rpx;
		padding: 20rpx 20rpx 20rpx 40rpx;
		border-bottom: 1px solid #f2f2f2;
		font-weight: bold;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.area-title::after {
		content: '';
		display: block;
		width: 6rpx;
		height: 20rpx;
		background: #ef5050;
		border-radius: 100rpx;
		position: absolute;
		top: 50%;
		left: 20rpx;
		transform: translateY(-50%);
	}

	.address .dzgo {
		width: 28rpx;
		height: 28rpx;
		vertical-align: middle;
	}

	/*横排按钮  */
	.tabList {
		width: 750rpx;
		height: 130rpx;
		background: #fff;
		display: flex;
		display: -webkit-flex;
		border-bottom: 20rpx solid #eeeeee;
		padding-bottom: 20rpx;
	}

	.listItem {
		flex: 1;
		-webkit-box-flex: 1;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.listItem image {
		width: 60upx;
		height: 60upx;
	}

	.iconlist {
		font-size: 42rpx;
		margin-top: 24rpx;
		color: #555;
	}

	.icon-daishouhuo {
		font-size: 48rpx;
		margin-top: 20rpx;
	}

	.icon-daipingjia {
		margin-top: 26rpx;
		color: #666;
	}

	.icon-yuekaoliucheng {
		margin-top: 28rpx;
		color: #666;
	}

	.listTxt {
		font-size: 10pt;
		color: #606060;
		line-height: 0rpx;
		margin-top: 30rpx;
	}

	/*我的钱包  */
	.mypurse {
		width: 90%;
		background: #fff;
		overflow: hidden;
		padding-top: 10px;
		font-weight: bold;
		margin: 0 auto;
		border-radius: 5px;
		box-shadow: 0px 5px 30px rgba(240,50,50, .3);
		transform: translateY(-20%);
		display: flex;
		align-items: center;
	}
	
	.mypurse .title {
		width: 720rpx;
		height: 80rpx;
		border-bottom: 1rpx solid #eee;
		line-height: 80rpx;
		float: right;
	}

	.mypurse .purselist {
		width: 100%;
		height: 119rpx;
		display: flex;
		display: -webkit-flex;
		text-align: center;
	}

	.purselist .hlbao{
		flex: 1;
		-webkit-flex: 1;
		text-align: center;
	}

	.purselist .purseNum {
		line-height: 60rpx;
	}
	.header_sign{
		position: absolute;
		right: 20rpx;
		top: 20rpx;
		font-size: 28rpx;
		z-index: 10;
	}
	/*入口list  */
	.userBranchBox {
		width: 750rpx;
		background: #fff;
		overflow: hidden;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-bottom: 60upx;
	}
	.collection {
		width: 33.33%;
		padding: 20upx 0;
	}
	
	.branchIcon image {
		width: 60upx;
		height: 60upx;
		display: block;
		margin: 0 auto;
	}

	.branchTxt {
		font-size: 24upx;
		color: #4d4d4d;
		text-align: center;
		padding-top: 10upx;
	}


	.open_contact {
		border: none;
		display: initial;
		padding-left: 0px;
		padding-right: 0px;
		overflow: auto;
		text-align: left;
		line-height: 1.25;
	}


	.circle {
		position: absolute;
		z-index: 1;
		width: 180rpx;
		height: 180rpx;
		background: rgba(255, 255, 255, .05);
		border-radius: 200rpx;
	}

	.circle1 {
		top: 20rpx;
		right: 0;
		transform: translateX(50%);
	}

	.circle2 {
		top: 0;
		right: 40rpx;
	}
	.into_ydt{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 28rpx;
		margin-right: 20rpx;
		position: relative;
		z-index: 2;
	}
	.into_ydt image{
		width: 45rpx;
		height: 41rpx;
		margin-left: 10rpx;
	}
	.header_info{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 1;
	}
	/* 弹框 */
	.popup-qr {
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    z-index: 9;
	    transform: translate(-50%, -50%);
	    width: 90%;
	}
	
	.popup-bg {
	    width: 100%;
	    height: 756upx;
	}
	
	.popup-user {
	    width: 150upx;
	    height: 150upx;
	    border-radius: 100px;
	    position: absolute;
	    top: 16upx;
	    left: 50%;
	    transform: translate(-51%, 0%);
		z-index: 10;
	}
	
	.popup-name {
	    position: absolute;
	    top: 184upx;
	    left: 50%;
	    font-size: 32upx;
	    transform: translateX(-55%);
	    color: #ffe611;
	}
	
	.qr-img {
	    position: absolute;
	    left: 50%;
	    bottom: 150upx;
	    width: 320upx;
	    height: 320upx;
	    transform: translateX(-50%);
	    background: #fff;
	    padding: 20upx;
	}
	
	.g-popup-mask {
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 100vw;
	    height: 100vh;
	    background: rgba(0, 0, 0, .5);
	    z-index: 10;
	}
	.g-popup-mask-sign {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.g-close {
	    position: absolute;
	    bottom: -100upx;
	    left: 50%;
	    transform: translateX(-50%);
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border: 3px solid #fff;
	    border-radius: 100px;
	    padding: 10upx;
	}
	.popup-text{
		color: #ffffff;
		font-size: 30upx;
		letter-spacing: 2upx;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 50upx;
		left: 0;
	}
	.sign-cont{
		width: 540rpx;
		height: 612rpx;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	.sign-cont .sign-cont-img{
		width: 540rpx;
		height: 612rpx;
		display: block;
	}
	.sign-cont .sign-cont-btn{
		width: 502rpx;
		line-height: 108rpx;
		font-size: 40rpx;
		color: #FFFFFF;
		text-align: center;
		background-color: #d71511;
		border-radius: 50px;
		position: absolute;
		bottom: 42rpx;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.sign-cont .sign-cont-close{
		width: 86rpx;
		height: 86rpx;
		margin-top: 70rpx;
	}
	.sign-cont .gray{
		background-color: #CCCCCC;
	}
</style>
